---
title: Guidelines
redirect_from:
  - /components/coupon/
---

<ReactExample exampleId="Coupon-default" />

## When to use

- To make it clear how to use a promotion.
- To highlight the text users need to enter.

## Component status

<ComponentStatus component="Coupon" />

## Content structure

![Coupon code: displays the code to be entered to redeem the coupon.](fileId:4QJZqvBvRrLu6t9mwObCkA;nodeId:254%3A73)
